::-ms-reveal,
::-ms-clear {
    display: none !important;
}

.hideShowPassword-wrapper {
    width: 100%;

    &.pass-strength-visible {
        .hideShowPassword-toggle {
            top: 13px !important;
        }
    }
}

.hideShowPassword-toggle {
    background-color: transparent;
    background-image: url("/images/wink.png"); /* fallback */
    background-image: url("/images/wink.svg"), none;
    background-position: 0 center;
    background-repeat: no-repeat;
    border: 2px solid transparent;
    border-radius: 0.25em;
    cursor: pointer;
    font-size: 100%;
    height: 44px;
    margin: 0;
    max-height: 100%;
    padding: 0;
    overflow: "hidden";
    text-indent: -999em;
    width: 46px;
    margin-top: -18px !important;
    top: 18px !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;

    &:hover,
    &:focus {
        border-color: #0088cc;
        outline: transparent;
    }
}

.hideShowPassword-toggle-hide {
    background-position: -44px center;
}
